<template>
	<view class="step1">
		<!-- 定制班车第一页 -->
		<text>*</text>起点：
		<input type="text" v-model="start">
		<text>*</text>终点：
		<input type="text" v-model="end">
		<text>*</text>票价：
		<input type="text" v-model="price">
		<text>*</text>里程：
		<input type="text" v-model="path">
		
		<button
		type="primary"
		:disabled="start!=''&&end!=''&&price!=''&&path!=''? false:true"
		@click="goStep2"
		>下 一 步</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				start:"",
				end:"",
				price:"",
				path:""
			};
		},
		methods:{
			// 跳转到step2页
			goStep2(){
				uni.navigateTo({
					url:
					`/pages/bus_query/step2?start=${this.start}&end=${this.end}&price=${this.price}&path=${this.path}`
				})
			}
		}
	}
</script>

<style lang="scss">
.step1{
	padding: 40rpx;
	text{
		color: red;
	}
	input{
		margin: 20rpx 0;
		background-color: #f8f8f8;
		border-radius: 20rpx;
		padding: 10rpx 20rpx;
	}
	button{
		margin-top: 40rpx;
		border-radius: 20rpx;
	}
	button::after{
		border: 0;
	}
}
</style>
